<div ng-show="showFooter" style="position: absolute;bottom: 0px; width: 100%; background-color: #ffffff; height: {{glbFooterType == 'info_next'?'13%':'8%'}}"
     ng-controller="MyFooterController" ng-switch="glbFooterType">
    <div ng-switch-when="main">
        <dl class="myFoot" ng-click="homePage()">
            <dt><img ng-src="{{homePageClick ? 'img/home.png' : 'img/home1.png'}}" ></dt>
            <dd style="color:{{homePageClick ? '#f85c00' : '#999999'}} ">首页</dd>
        </dl>
        <dl class="myFoot" ng-click="searchPage()">
            <dt><img ng-src="{{searchPageClick ? 'img/search.png' : 'img/search1.png'}}" ></dt>
            <dd style="color: {{searchPageClick ?  '#f85c00' : '#999999'}}">搜索</dd>
        </dl>
        <dl class="myFoot" ng-click="friendPage()">
            <dt>
                <img ng-src="{{friendPageClick ? 'img/friend.png' : 'img/friend1.png'}}" >
                <span class="badge" style="position: absolute; background: red;margin-top: 3px;" >{{friendChatTotalNum > 0 ? friendChatTotalNum : ""}}</span>
            </dt>
            <dd style="color: {{friendPageClick ?  '#f85c00' : '#999999'}}">朋友</dd>
        </dl>
        <dl class="myFoot" ng-click="snsPage()">
            <dt><img ng-src="{{snsPageClick ? 'img/sns.png' : 'img/sns1.png'}}" ></dt>
            <dd style="color: {{snsPageClick ?  '#f85c00' : '#999999'}}">微社区</dd>
        </dl>
        <dl class="myFoot" ng-click="myselfPage()">
            <dt><img ng-src="{{myselfPageClick ? 'img/myself.png' : 'img/myself1.png'}}" ></dt>
            <dd style="color:{{myselfPageClick ?  '#f85c00' : '#999999'}}">我的</dd>
        </dl>
    </div>

    <div ng-switch-when="friend_detail" class="friendDetailFooter">
        <div class="wrap friendDetailFooterBtn"  ng-show="!cancelCollection" style="width:49.5%;" ng-click="collect()">
            <div class="subwrap" >
                <div class="content">
                    收藏
                </div>
            </div>
        </div>
        <div class="wrap friendDetailFooterBtn"  ng-show="cancelCollection" style="width:49.5%;" ng-click="cancelCollect()">
            <div class="subwrap" >
                <div class="content">
                    取消收藏
                </div>
            </div>
        </div>
        <div class="wrap friendDetailFooterBtn" ng-show="addFriends" ng-click="addFriend()" style="float: right;width:49.5%">
            <div class="subwrap">
                <div class="content" >
                    加为好友
                </div>
            </div>
        </div>
        <div class="wrap friendDetailFooterBtn" ng-show="chat"  ng-click="friendChat()" style="float: right;width:49.5%">
            <div class="subwrap">
                <div class="content" >
                    聊天
                </div>
            </div>
        </div>

    </div>

    <div ng-switch-when="info_next" class="wrap"  style="width: 100%;height: 100%;background-color: #f6f6f6;text-align: center;border-top: 1px solid #CCCCCC">
        <div class="subwrap" style="width: 100%;">
            <div class="content"  style="width: 100%;">
                <div ng-show="!isFirst" class="pattern">
                    <div class="backModifyPattern" ng-click="backModify()">返回修改</div>
                    <div class="completePattern" ng-click="nextStep()">{{nextTxt}}</div>
                </div>
                <div ng-show="isFirst" style="text-align: center;width: 100%">
                    <a class="myBtn" style="width: 95%;height: 50px;line-height: 50px;font-size: 14px" ng-click="nextStep()">下一步</a>
                </div>
            </div>
        </div>
    </div>
</div>
